<!-- 404 -->
<template>
  <div class="error500" ref="error500">
    <div class="imgbox">
      <img src="../../assets/404.png" alt="">
      <p>抱歉！请求的链接不存在！</p>
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  methods: {
  },
};

</script>
<style lang='scss' scoped>
  .error500 {
    .imgbox {
      width: 25%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);

      img {
        width: 100%;
        display: block;
        font-size: 1px;
      }

      p {
        width: 100%;
        text-align: center;
        margin: 20px;
        line-height: 38px;
        font-size: 16px;
      }
    }
  }
</style>
